@charset "utf-8";
html {
  font-size: 200px;
}
body {
  background: #D01BCF;
}
.div1 {
  width: 300px;
  height: 200px;
  border: 2px #80e0fe solid;
  background: #ffffff;
  box-sizing: border-box;
}
.div1 .div2 {
  width: 100px;
  color: #fff;
  height: 100px;
  background: #000000;
}
.div1 .div2 a {
  text-decoration: none;
  color: #ffffff;
  font-size: 24px;
}
.div1 .div2 a:hover {
  color: #D01BCF;
}
.sanjiao {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #80E0FE;
}
.sj {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 40px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #000000;
}
.sj-l {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 40px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #000000 transparent transparent;
}
.fontSize {
  font-size: 14px;
}
.box-shadow {
  width: 200px;
  height: 200px;
  background: #E07D7F;
  -moz-box-shadow: 0 0 3px #000000;
  -webkit-box-shadow: 0 0 3px #000000;
  box-shadow: 0 0 3px #000000;
}
.box {
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
}
.div_div {
  width: 100px;
  height: 100px;
  background: #000;
}
